<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>收入统计</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_shourutj.css" />
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <div class="aui-content">
            <div class="search_box">
                <div class="searchitem" v-on:click="doSelectSearchParam(1)">
                    <span class="selectSearch" v-bind:class="{'fixedbox':showsearchparam}">筛选<span>
                </div>
                <div class="searchitem" v-on:click="doSelectSearchParam(2)">
                  <span class="selectSearch" v-bind:class="{'fixedbox':showsearchmonth}" >本月<span>
                </div>
            </div>
        </div>
        <div class="border-btnline litile-line"></div>
        <div class="sr_leiji">
            累计收入<span>{{data.TotalPayCosts}}</span>
        </div>
        <div class="myorder_main">
            <ul>
                <li class="myo_item">
                    <div class="tj_num btn_line">
                        <div class="qijian_num">
                          {{data.TotalPayCost}}
                            <p>期间收入(元)</p>
                        </div>
                        <div class="jiaoyi_num">
                            {{data.count}}
                            <p>交易数(笔)</p>

                        </div>
                    </div>
                    <div class="sr_qushi">
                        <span>收入趋势</span>
                        <div class="srqs_pic">
                            <div id="container" style="min-width:300px;min-height:300px"></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 账单内容 -->
        <div class="myorder_main">
            <ul>
                <li class="myo_item" v-on:click="open_shouru_detail(item.ID)" v-for="(item,index) in data.list" >
                    <div class="myo_item_rgt btn_line">
                        <div class="myo_rgt_title">
                            <div class="myo_title_lft">
                                {{getordertype(item.Is_OffLine_Order)}}
                            </div>
                            <div class="myo_title_rgt">
                                  {{item.TotalPayCostDesc}}
                            </div>
                        </div>
                        <div class="myo_rgt_time">
                                {{gettime(item.PayTime)}}
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <!--  收款方式-->
        <div v-if="showsearchparam" class="searchparam">
            <div class="searchcontent">
                <div class="searchparamtitle">
                    收款方式
                </div>
                <div class="searchparamitem">
                    <label v-on:click="doSelectChargeMoneyType(item.ID)" v-bind:class="{'active':form.ChargeMoneyTypes.indexOf(item.ID)>-1}" v-for="item in chargeMoneyTypeList">{{item.Name}}</label>
                </div>
                <div class="aui_bottom">
                    <div v-on:click="doReset(1)" class="aui_bottombtn left">重置</div>
                    <div v-on:click="doSearch()" class="aui_bottombtn right">确认</div>
                </div>
            </div>
        </div>

        <!--  时间-->
        <div v-if="showsearchmonth" class="searchparam">
            <div class="searchparamitem">
                <label v-bind:class="{'active':form.activeDate==1}" v-on:click="doClickDay(1)">今日</label>
                <label v-bind:class="{'active':form.activeDate==2}" v-on:click="doClickDay(2)">本月</label>
                <!-- <label v-bind:class="{'active':form.activeDate==3}" v-on:click="doClickDay(3)">本年</label> -->
            </div>
            <div class="searchparamtitle">
                自定义收款日期
            </div>
            <div class="searchparamitem">
                <input v-on:click="do_select_time(1)" v-model="form.startTime" readonly="readonly" type="text" placeholder="开始日期">
                <span style="padding: 0 10px;">
                            至
                          </span>
                <input v-on:click="do_select_time(2)" v-model="form.endTime" readonly="readonly" type="text" placeholder="结束日期">
            </div>
            <div class="aui_bottom">
                <div v-on:click="doReset(2)" class="aui_bottombtn left">重置</div>
                <div v-on:click="doSearch()" class="aui_bottombtn right">确认</div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/dl_shourutj.js "></script>
<script type="text/javascript" src="../script/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../script/highcharts/modules/exporting.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
</html>
